    <!--左侧导航-->
    <aside class="lyear-layout-sidebar">

      <!-- logo -->
      <div id="logo" class="sidebar-header">
        <a href="{{ url_for('main.admin') }}"><img src="/static/v5/images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
      </div>
      <div class="lyear-layout-sidebar-info lyear-scroll">

        <nav class="sidebar-main">

          <ul class="nav-drawer">
            <li class="nav-item active">
              <a href="{{ url_for('main.admin') }}">
                <i class="mdi mdi-home-city-outline"></i>
                <span>后台首页</span>
              </a>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)">
                <i class="mdi mdi-card-bulleted-outline"></i>
                <span>系统管理</span>
              </a>
              <ul class="nav nav-subnav">
                <li> <a href="{{ url_for('main.admin_user_management') }}">管理员</a> </li>
              </ul>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)">
                <i class="mdi mdi-silo"></i>
                <span>基本信息</span>
              </a>
              <ul class="nav nav-subnav">
                <li> <a href="{{ url_for('main.dorm_type') }}">楼宇管理</a> </li>
                <li> <a href="{{ url_for('main.dorm_list') }}">宿舍管理</a> </li>
                <li> <a href="{{ url_for('main.user') }}">用户管理</a> </li>
              </ul>
            </li>


            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)">
                <i class="mdi mdi-television-guide"></i>
                <span>宿舍分配</span>
              </a>
              <ul class="nav nav-subnav">
                <li> <a href="{{ url_for('main.allocate_list') }}">分配列表</a> </li>
                <li> <a href="{{ url_for('main.allocate_dorm') }}">宿舍分配</a> </li>
                <li> <a href="{{ url_for('main.change_dorm') }}">更换宿舍</a> </li>

              </ul>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)">
                <i class="mdi mdi-stove"></i>
                <span>水电费管理</span>
              </a>
              <ul class="nav nav-subnav">
                <li> <a href="{{ url_for('main.query_utility_fee') }}">水电费查询</a> </li>
                <li> <a href="{{ url_for('main.add_meter_reading') }}">水电抄表</a> </li>
                <li> <a href="{{ url_for('main.calculate_utility_fee') }}">水电费计算</a> </li>
              </ul>
            </li>

            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)">
                <i class="mdi mdi-card-text-outline"></i>
                <span>数据库管理</span>
              </a>
              <ul class="nav nav-subnav">
                <li> <a href="{{ url_for('main.backup_mysql') }}">数据库备份</a> </li>
              </ul>
            </li>

          </ul>
        </nav>

        <div class="sidebar-footer">
          <p class="copyright">
            <span>Copyright &copy; 2022. </span>
            <a target="_blank" href="http://www.kdstudio.cc">狂盗工作室</a>
            <span> All rights reserved.</span>
          </p>
        </div>
      </div>

    </aside>
    <!--End 左侧导航-->

        <!--头部信息-->
    <header class="lyear-layout-header">

      <nav class="navbar">

        <div class="navbar-left">
          <div class="lyear-aside-toggler">
            <span class="lyear-toggler-bar"></span>
            <span class="lyear-toggler-bar"></span>
            <span class="lyear-toggler-bar"></span>
          </div>
        </div>

        <ul class="navbar-right d-flex align-items-center">
          <!--个人头像内容-->
          <li class="dropdown">
            <a href="javascript:void(0)" data-bs-toggle="dropdown" class="dropdown-toggle">
              <img class="avatar-md rounded-circle" src="/static/v5/images/users/avatar.jpg" alt=" " />
              <span style="margin-left: 10px;">管理员</span>
            </a>
            <ul class="dropdown-menu dropdown-menu-end">

              <li>
                <a class="dropdown-item" href="javascript:void(0)">
                  <i class="mdi mdi-delete"></i>
                  <span>清空缓存</span>
                </a>
              </li>
              <li class="dropdown-divider"></li>
              <li>
                <a class="dropdown-item" href="{{ url_for('main.logout') }}">
                  <i class="mdi mdi-logout-variant"></i>
                  <span>退出登录</span>
                </a>
              </li>
            </ul>
          </li>
          <!--End 个人头像内容-->
        </ul>

      </nav>

    </header>
    <!--End 头部信息-->